<table border="0" cellspacing="0" cellpadding="0" width="100%" class="MinHig">
  <tr>
    
	<td valign="top" width="100%"><div class="ColExp">
<div class="ModuleBlock MinHig">
<h1>
<label>Change Password</label>

</h1>
<div class="clear"></div>
<div class="pad_123 pad_btl20" align="center">
<div id="errorMsg"><?php echo $ctx->msg;?></div>
<table border="0" cellspacing="0" cellpadding="0">
<tr><td height="50">&nbsp;</td></tr>
  <tr>
    <td>
    <form id="changepwd" class="ChgPas" name="changepwd" method="POST" action="/home/index/change-password/<?php echo base64_encode($ctx->memid); ?>">
	<div class="pad_t8">
		<label>Old Password</label>&nbsp;<input type="password" id="oldpwd" name="oldpwd" class="wid240 GryBorder" />
		<div class="clear"></div>
		</div>
        <div class="pad_t8">
		<label>New Password</label>&nbsp;<input type="password"  id="newpwd" name="newpwd" class="wid240 GryBorder" />
		<div class="clear"></div>
		</div>
 <div class="pad_t8">
		<label>Confirm Password</label>&nbsp;<input type="password"  id="cnfpwd" name="cnfpwd" class="wid240 GryBorder" />
		<div class="clear"></div>
		</div>
        <div class="pad_t5"><label>&nbsp;</label><a class="Button" href="javascript:void(0);" onclick="validate_pwd();"><span>Submit</span></a><a class="Button" href="#"><span>Cancel</span></a></div>
	</form>
    </td>
  </tr>
</table>



</div>


<div class="clear"></div>
</div>
</div></td>
	
  </tr>
</table>
  <script type="text/javascript">
  function validate_pwd()
{
	if($('#oldpwd').val()=='')
	{
		alert("Please enter old password");
		return false;
	}
	if($('#newpwd').val()=='')
	{
		alert("Please enter new password");
		return false;
	}
	if($('#cnfpwd').val()=='')
	{
		alert("Please enter confirm username");
		return false;
	}
	
	if($('#cnfpwd').val()!=$('#newpwd').val())
	{
		alert("confirm password do not match");
		return false;
	}
	
	$('#changepwd').submit();
	//return result;
}

  </script>
